<div class="step">
    <ul>
        <li class="on"><em>1</em>检测环境</li>
        <li class="on"><em>2</em>创建数据</li>
        <li class="current"><em>3</em>完成安装</li>
    </ul>
</div>
<div class="install" id="log">
  <ul id="loginner"></ul>
</div>

<div class="bottom tac">
    <a href="javascript:;" class="btn_old"><img src="__PUBLIC__/images/install/loading.gif" align="absmiddle" />&nbsp;正在安装...</a>
</div>
<!-- js -->
<include file="Install:javascripts" />
<script type="text/javascript">

// 得到提交的数据
var data = {$data};
var step = 0;
$.ajaxSetup({ cache: false });

function reloads(step) {
    // 提交数据
    var url = "{:U('Install/create', array(), '')}" + "/step/" + step;
    $.ajax({
        type: "POST",
        url: url,
        data: data,
        dataType: 'json',
        beforeSend: function() { },
        success: function(data) {
            // 安装完成
            if(data.step == '999999'){
                // $('#dosubmit').attr("disabled", false);
                // $('#dosubmit').removeAttr("disabled");
                // $('#dosubmit').removeClass("nonext");
                setTimeout('gonext()', 3000);
            }

            if(data.step){
                $('#loginner').append(data.info);

                // 递归
                reloads(data.step);
            }else{
                // 连接数据库失败或者是创建数据库失败
                alert(data.info);
            }
        }
    });
}

// 安装完成，跳转到5步
function gonext(){
    window.location.href="{:U('Install/complete')}";
}

// 开始提交数据
$(document).ready(function(){
    reloads(step);
})
</script>
